<template>
    <div>
        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="0.5" y="-0.5" width="31" height="31" rx="7.5" transform="matrix(1 0 0 -1 0 31)" fill="white" />
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M15.3536 13.3536C15.5488 13.1583 15.5488 12.8417 15.3536 12.6464C15.1583 12.4512 14.8417 12.4512 14.6464 12.6464L11.6464 15.6464C11.4512 15.8417 11.4512 16.1583 11.6464 16.3536L14.6464 19.3536C14.8417 19.5488 15.1583 19.5488 15.3536 19.3536C15.5488 19.1583 15.5488 18.8417 15.3536 18.6464L12.7071 16L15.3536 13.3536ZM20.3536 13.3536C20.5488 13.1583 20.5488 12.8417 20.3536 12.6464C20.1583 12.4512 19.8417 12.4512 19.6464 12.6464L16.6464 15.6464C16.4512 15.8417 16.4512 16.1583 16.6464 16.3536L19.6464 19.3536C19.8417 19.5488 20.1583 19.5488 20.3536 19.3536C20.5488 19.1583 20.5488 18.8417 20.3536 18.6464L17.7071 16L20.3536 13.3536Z"
              :fill='svgColor1' />
            <rect x="0.5" y="-0.5" width="31" height="31" rx="7.5" transform="matrix(1 0 0 -1 0 31)" :stroke="svgBorder1" />
          </svg>
    </div>
</template>

<script setup lang="ts">
defineProps(['svgColor1','svgBorder1'])
</script>

<style scoped>

</style>